@charset "UTF-8";
/* reset */
body {
  background-color: #f5f7f9; }

* {
  box-sizing: border-box; }

#main {
  width: 100%;
  height: 100%; }

/* 我的健康中心 */
.text-wrap-me {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6; }
  .text-wrap-me .test-index {
    height: 4.2rem;
    background: url("../images/test_head_banner.jpg") no-repeat #fe9d2b;
    background-size: 100% 100%; }
    .text-wrap-me .test-index .test-back {
      display: block;
      position: absolute;
      left: .25rem;
      top: .3rem;
      width: .19rem;
      height: .36rem;
      background: url("../images/back.png");
      background-size: .19rem .36rem;
      z-index: 9;
      width: .8rem;
      height: .8rem;
      background-repeat: no-repeat; }
    .text-wrap-me .test-index .test-result {
      transform: translate3d(0, 1.25rem, 0);
      width: 1.88rem;
      height: 1.88rem;
      background-color: rgba(255, 255, 255, 0.7);
      text-align: center;
      border-radius: 100%;
      margin: 0 auto; }
      .text-wrap-me .test-index .test-result h1 {
        transform: translate3d(0, 0.35rem, 0);
        font-size: .6rem;
        color: #39b54a; }
      .text-wrap-me .test-index .test-result p {
        transform: translate3d(0, 0.23rem, 0);
        color: #999;
        font-size: .24rem; }
  .text-wrap-me .content {
    padding: .25rem;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7; }
    .text-wrap-me .content a {
      float: left;
      color: #fe9d2b;
      font-size: .3rem;
      width: 3.4rem;
      height: .8rem;
      text-align: center;
      line-height: .76rem;
      border: 1px solid #fe9d2b;
      background-color: transparent;
      border-radius: 4px; }
      .text-wrap-me .content a:nth-of-type(2) {
        float: right; }
      .text-wrap-me .content a.active {
        color: #fff;
        background-color: #fe9d2b; }
    .text-wrap-me .content .test-msg {
      margin-top: 1.2rem; }
      .text-wrap-me .content .test-msg section {
        padding-left: .48rem;
        margin-bottom: .22rem; }
        .text-wrap-me .content .test-msg section h2 {
          position: relative;
          font-weight: normal;
          color: #999;
          font-size: .24rem;
          margin-bottom: .1rem; }
          .text-wrap-me .content .test-msg section h2:after {
            content: '';
            display: block;
            position: absolute;
            left: -.46rem;
            top: .06rem;
            width: .24rem;
            height: .24rem;
            background: url("../images/icon_time.png") no-repeat;
            background-size: .24rem .24rem; }
        .text-wrap-me .content .test-msg section p {
          color: #333;
          font-size: .28rem; }
      .text-wrap-me .content .test-msg section:nth-of-type(2) h2:after {
        width: .26rem;
        height: .24rem;
        background: url("../images/icon_jk.png") no-repeat;
        background-size: .26rem .24rem; }
      .text-wrap-me .content .test-msg section:nth-of-type(3) h2::after {
        top: .05rem;
        width: .24rem;
        height: .23rem;
        background: url("../images/icon_result.png") no-repeat;
        background-size: .24rem .23rem; }
      .text-wrap-me .content .test-msg section:nth-of-type(4) h2:after {
        top: .02rem;
        width: .24rem;
        height: .3rem;
        background: url("../images/icon_jy.png") no-repeat;
        background-size: .24rem .3rem; }

/* 健康测试 */
.text-wrap-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  z-index: 11;
  /* 测试列表 */
  /* 开始测试 */
  /* 结果 */ }
  .text-wrap-content header {
    height: .9rem;
    background-color: #fe9d2b;
    text-align: center;
    line-height: .9rem;
    color: #fff;
    font-size: .34rem; }
    .text-wrap-content header a {
      display: block;
      position: absolute;
      left: .25rem;
      top: .3rem;
      width: .19rem;
      height: .36rem;
      background: url("../images/back.png");
      background-size: .19rem .36rem;
      z-index: 9;
      top: .25rem; }
  .text-wrap-content .all-list {
    display: none;
    background-color: #fff; }
    .text-wrap-content .all-list section.list {
      position: relative;
      padding: .25rem;
      height: 1.41rem;
      border-bottom: 1px solid #e2e2e2; }
      .text-wrap-content .all-list section.list h1 {
        font-size: .32rem;
        color: #333; }
      .text-wrap-content .all-list section.list div {
        position: absolute;
        bottom: 0; }
        .text-wrap-content .all-list section.list div span {
          position: relative;
          font-size: .2rem;
          color: #999;
          margin-right: 1rem;
          text-indent: .36rem; }
          .text-wrap-content .all-list section.list div span:nth-of-type(2):after {
            content: '';
            display: block;
            position: absolute;
            left: -.36rem;
            top: .09rem;
            width: .21rem;
            height: .24rem;
            background: url("../images/icon_count.png") no-repeat;
            background-size: .21rem .24rem; }
          .text-wrap-content .all-list section.list div span:nth-of-type(1) {
            margin-left: .36rem; }
            .text-wrap-content .all-list section.list div span:nth-of-type(1):before {
              content: '';
              display: block;
              position: absolute;
              left: -.36rem;
              top: .1rem;
              width: .24rem;
              height: .21rem;
              background: url("../images/icon_person_count.png") no-repeat;
              background-size: .24rem .21rem; }
  .text-wrap-content .test-answer-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6;
    top: .9rem;
    display: block; }
    .text-wrap-content .test-answer-wrap .schedule {
      position: relative;
      margin: .55rem .4rem 1.6rem; }
      .text-wrap-content .test-answer-wrap .schedule #barText {
        font-size: .18rem;
        color: #999;
        position: absolute;
        top: .22rem; }
      .text-wrap-content .test-answer-wrap .schedule div {
        position: absolute;
        left: 1.2rem;
        right: 0;
        top: .4rem;
        height: .03rem;
        background-color: #d6d6d6; }
        .text-wrap-content .test-answer-wrap .schedule div span {
          display: block;
          width: 10%;
          height: .03rem;
          background-color: #fe9d2b; }
    .text-wrap-content .test-answer-wrap .content {
      margin: 0 .4rem;
      transition: .25s; }
      .text-wrap-content .test-answer-wrap .content div {
        font-size: .28rem;
        color: #333;
        margin-bottom: .28rem; }
      .text-wrap-content .test-answer-wrap .content ul {
        border-radius: 5px;
        border: 1px solid #e0e0e0;
        min-height: 3.6rem; }
        .text-wrap-content .test-answer-wrap .content ul li {
          border-bottom: 1px solid #ebebeb;
          font-size: .28rem;
          color: #999;
          height: .89rem;
          line-height: .88rem;
          text-indent: .25rem; }
          .text-wrap-content .test-answer-wrap .content ul li:last-of-type {
            border-bottom: 0px solid #ebebeb; }
          .text-wrap-content .test-answer-wrap .content ul li.active {
            color: #fe9d2b; }
      .text-wrap-content .test-answer-wrap .content .topic-prev, .text-wrap-content .test-answer-wrap .content .topic-next {
        visibility: hidden;
        float: left;
        margin: .35rem 0 0;
        font-size: .28rem;
        color: #999; }
      .text-wrap-content .test-answer-wrap .content .topic-next {
        visibility: visible;
        float: right; }
  .text-wrap-content .test-result-wrap {
    display: none; }
    .text-wrap-content .test-result-wrap .content {
      margin: .4rem;
      background-color: #fff;
      border: 1px solid #f0f0f0;
      border-radius: 4px;
      padding: .35rem; }
      .text-wrap-content .test-result-wrap .content div {
        margin-bottom: .55rem; }
        .text-wrap-content .test-result-wrap .content div span {
          text-align: center;
          display: block; }
          .text-wrap-content .test-result-wrap .content div span:nth-of-type(1) {
            font-size: .6rem;
            color: #39b54a; }
          .text-wrap-content .test-result-wrap .content div span:nth-of-type(2) {
            font-size: .24rem;
            color: #999; }
      .text-wrap-content .test-result-wrap .content section {
        padding-left: .48rem;
        margin-bottom: .22rem; }
        .text-wrap-content .test-result-wrap .content section h2 {
          position: relative;
          font-weight: normal;
          color: #999;
          font-size: .24rem;
          margin-bottom: .1rem; }
          .text-wrap-content .test-result-wrap .content section h2:after {
            content: '';
            display: block;
            position: absolute;
            left: -.46rem;
            top: .06rem;
            width: .24rem;
            height: .24rem;
            background: url("../images/icon_time.png") no-repeat;
            background-size: .24rem .24rem; }
        .text-wrap-content .test-result-wrap .content section p {
          color: #333;
          font-size: .28rem; }
      .text-wrap-content .test-result-wrap .content section:nth-of-type(1) h2::after {
        top: .05rem;
        width: .24rem;
        height: .23rem;
        background: url("../images/icon_result.png") no-repeat;
        background-size: .24rem .23rem; }
      .text-wrap-content .test-result-wrap .content section:nth-of-type(2) h2:after {
        top: .02rem;
        width: .24rem;
        height: .3rem;
        background: url("../images/icon_jy.png") no-repeat;
        background-size: .24rem .3rem; }
    .text-wrap-content .test-result-wrap a {
      float: left;
      color: #fe9d2b;
      font-size: .3rem;
      width: 3.4rem;
      height: .8rem;
      text-align: center;
      line-height: .76rem;
      border: 1px solid #fe9d2b;
      background-color: transparent;
      border-radius: 4px; }
      .text-wrap-content .test-result-wrap a:nth-of-type(2) {
        float: right; }
      .text-wrap-content .test-result-wrap a.active {
        color: #fff;
        background-color: #fe9d2b; }
    .text-wrap-content .test-result-wrap a {
      width: 3.2rem; }
      .text-wrap-content .test-result-wrap a:nth-of-type(1) {
        margin-left: .4rem; }
      .text-wrap-content .test-result-wrap a:nth-of-type(2) {
        margin-right: .4rem; }
